<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>{% block title %}全栈笔记{% endblock %}</title>
    <link rel="stylesheet" href="/static/css/bootstrap.css">
    <link rel="stylesheet" href="/static/css/main.css">
    <script src="/static/js/jquery.min.js" type="text/javascript"></script>
    <script src="/static/js/jquery.cookie.js" type="text/javascript"></script>
    <script src="/static/js/main.js" type="text/javascript"></script>
</head>
<body style="padding-top:100px">

<div class="navbar navbar-default navbar-fixed-top">

    <div class="navbar-nav">
        <a href="index html" class="navbar-brand"></a>
    </div>
    <label id="toggle-label" class="visible-xs-inline-block" for="toggle-checkbox">MENU</label>
    <input class="hidden" id="toggle-checkbox" type="checkbox">
    <div class="hidden-xs">
        <ul class="nav navbar-nav">
            {% for index_list in index_lists %}
                <li><a href="#">{{ index_list }}</a></li>
            {% endfor %}
        </ul>

        {% if user.is_authenticated %}
        <a type="button" class="btn btn-danger navbar-btn navbar-right" href="{% url "account_logout" %}">
            <span class="glyphicon glyphicon-log-out"></span> 登出
        </a>
        {% endif %}
        <ul class="nav navbar-nav navbar-right">
              {% if user.is_authenticated %}

                <li>
                    <a onselectstart="return false">
                      你好: {{  user|truncatechars:'12'}}
                    </a>
                </li>
              {% else %}
                       <a type="button" class="btn btn-success navbar-btn navbar-right" href="{% url "account_login" %}">
            <span class="glyphicon glyphicon-log-out"></span> 请登录
                 </a>
            {% endif %}
        </ul>

        <ul class="nav navbar-nav navbar-right">


        </ul>
    </div>

</div>
<div class="col-sm-12">
    <div class="blog-href navbar-fixed-top fixed-top-2">
        <p>全栈笔记*Python进阶*性能</p>
    </div>
</div>

<div class="container-fluid">
    <div class="row">


        <div><span><p id="back-to-top"><a href="#top"><span></span></a></p></span></div>
     <div class="col-sm-9">
        {% block content %}



        {% endblock %}
     </div>



        <div class="col-sm-3">
            <form action="{% url 'search' %}" id="search-form">
                <div class="input-group">
                    <input type="search" name="q" class="form-control ">
                    <span class="input-group-addon btn btn-default" onclick="$('#search-form').submit()"><i
                            class="glyphicon glyphicon-search"> <span>搜索</span></i></span>
                </div>

            </form>


            <div class="side-bar-card text-center clearfix">
                <div class="side-bar-center">
                    登陆后可以保存您的浏览喜好，评论，收藏，并与APP同步更可以发布微头条。
                    <div class="side-bar-center">
                        <a class="btn btn-primary" href="{% url "account_login" %}">点击登陆</a>
                    </div>
                    <div class="side-bar-center">
                        <a href="#" class="side-bar-icon"></a>
                    </div>
                </div>


            </div>
            <div class="side-bar-card clearfix">
                <div class="col-xs-4 side-self-desc">
                    <img src="static/images/dragon.jpg">
                </div>
                <div class="col-xs-8 side-self-desc">
                    <div>
                        现在的状况是过去的结果，现在的状况是未来的原因！
                    </div>
                    <div>
                        时间的使用是一切的因果
                    </div>

                </div>


            </div>


        </div>


    </div>
</div>


<div class="footer">Since:2018-09-15
</div>

{% block main_js %}
{% endblock %}

<script>
    $(function () {
        //当滚动条的位置处于距顶部100像素以下时,跳转链接出现,否则消失
        $(function () {
            $(window).scroll(function () {
                if ($(window).scrollTop() > 120) {
                    $("#back-to-top").fadeIn(350);
                }
                else {
                    $("#back-to-top").fadeOut(350);
                }
            });
            //当点击跳转链接后,回到页面顶部位置
            $("#back-to-top").click(function () {
                $('body,html').animate({scrollTop: 0}, 500);
                return false;
            });
        });
    });
</script>
</body>
<html>








